<div class="chatpanel_comp_panel">
	<div class="header_panel">

		<div class="under_line">
			<div class="title" v-on:click="show_members">
				{{title}}({{remeber_num}})<span>v</span>
			</div>
		</div>
		<div class="members_panel">
			<div class="members_item">
				<div class="member_head_icon_panel add" v-on:click="open_add_panel">
					<img src="images/add_member.png">
				</div>

			</div>
			<div class="members_item" v-for="member in fri_accounts">
				<div class="member_head_icon_panel">
					<img :src="member.headicon_src">
				</div>
				<span class="member_username">{{member.username}}</span>
			</div>


		</div>
	</div>
	<div class="chatpanel_body">
		<div class="msg_list_panel">

			<template v-for="msg in msg_box_list">
			 <component @big_img_comp="big_img_comp"
				:is="msg.comp_type" :position="msg.position" :msg_content="msg.msg"
				:time="msg.time" :account="msg.account" :head_icon="msg.head_icon">
			</component> </template>
		</div>
		<div class="ft_panel">
			<div id="facebox" class="ui card"></div>
			<div class="fun_bar">
				<div class="emotion_panel" v-on:click="emotion_click">
					<img src="images/emotion.png">
				</div>
				<div class="upload_btn_panel" v-on:click="upload_file"><img src="images/upload_icon.png"></div>
				<div class=""></div>

			</div>
			<div>
				<textarea id="txtarea"></textarea>
				<div class="btn_panel">
					<div class="ui button" v-on:click="send_msg">发送（Enter）</div>
				</div>
			</div>
		</div>

	</div>
</div>